<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/choice-question.css">
</head>
<body>
<form id="select">
    <div v-for="msg in Msg">
        <div class="select-question">
            <h3>{{msg.quesNum}}</h3>
            <div>
                <p class="lead">{{msg.content}}</p>
                <hr>
            </div>
            <div style="text-align: center">
                <img v-if="msg.flag==1" :src="msg.imagePath" alt="图片显示">
                <hr>
            </div>
            <div>
                <ul>
                    <li v-if="msg.flagA==1"><input type="radio" name="solveNum" value="A">{{msg.optionA}}</li>
                    <li v-if="msg.flagB==1"><input type="radio" name="solveNum" value="B">{{msg.optionB}}</li>
                    <li v-if="msg.flagC==1"><input type="radio" name="solveNum" value="C">{{msg.optionC}}</li>
                    <li v-if="msg.flagD==1"><input type="radio" name="solveNum" value="D">{{msg.optionD}}</li>
                    <!--<li v-show="false"><input type="radio" name="solveNum" value="A" checked="checked" >E</li>-->
                </ul>
            </div>
        </div>
    </div>
    <br>
    <br>
    <button class="btn bg-primary btn-lg select-question-submit" type="submit">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
    <br>
    <br>
</form>
<script src="../lib/js/jquery-3.2.1.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/js/vue.min.js"></script>
<script src="../js/choice-question.js"></script>
</body>
</html>